



@mixin inline-block( $valign: top ) {
  display: inline-block;
  vertical-align: $valign;
  .lt-ie8 &{ 
    display: inline; 
    zoom: 1;
  }
}

@mixin image-replace{
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

@mixin opacity( $value ) {
  $msValue: $value * 100;
  opacity: $value;
  .lt-ie9 &{ filter: alpha(opacity=$msValue); }
}

@mixin box-shadow-inset( $inset, $x, $y, $blur, $r, $g, $b, $a ){
  -webkit-box-shadow: $inset $x $y $blur rgba($r, $g, $b, $a);
  -moz-box-shadow: $inset $x $y $blur rgba($r, $g, $b, $a);
  box-shadow: $inset $x $y $blur rgba($r, $g, $b, $a);
}

@mixin box-shadow( $x, $y, $blur, $r, $g, $b, $a ){
  -webkit-box-shadow:  $x $y $blur rgba($r, $g, $b, $a);
  -moz-box-shadow:  $x $y $blur rgba($r, $g, $b, $a);
  box-shadow:  $x $y $blur rgba($r, $g, $b, $a);
}

@mixin transition( $property, $duration ){
	-moz-transition: $property $duration; 
	-webkit-transition: $property $duration; 
	-o-transition: $property $duration; 
  transition: $property $duration;
}

@mixin border-radius( $radius ) {
  -moz-border-radius: $radius;
  -webkit-border-radius: $radius;
  -khtml-border-radius: $radius;
  -o-border-radius: $radius;
  border-radius: $radius;
}

@mixin box-sizing ( $box-sizing ){
  -webkit-box-sizing: $box-sizing; 
  -moz-box-sizing: $box-sizing;    
  box-sizing: $box-sizing;         
}

@mixin linear-gradient( $color1, $color2 ){
  background: $color1;
  background: -moz-linear-gradient( $color1,  $color2 ); // FF 3.6+ 
  background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, $color1 ), color-stop( 100%, $color2 )); // Safari 4+, Chrome 2+ 
  background: -webkit-linear-gradient( $color1, $color2 ); // Safari 5.1+, Chrome 10+   
  background: -o-linear-gradient( $color1, $color2 ); // Opera 11.10 
  background: linear-gradient( $color1, $color2 ); // the standard 
}

@mixin linear-gradient-2colorsolid( $color1, $color2 ){
  background: $color1; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, $color1 0%, $color1 49%, $color2 50%, $color2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color1), color-stop(100%,$color1), color-stop(50%,$color2), color-stop(100%,$color2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, $color1 0%,$color1 49%,$color2 50%,$color2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, $color1 0%,$color1 49%,$color2 50%,$color2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, $color1 0%,$color1 49%,$color2 50%,$color2 100%); /* IE10+ */
  background: linear-gradient(to bottom, $color1 0%,$color1 49%,$color2 50%,$color2 100%); /* W3C */
}

@mixin rgba( $r, $g, $b, $a ){
  background: rgba( $r, $g, $b, $a );
  .lt-ie9 &{ background: rgb( $r, $g, $b ) }
}

@mixin clearfix {
  zoom:1;
  &:before, &:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden; 
  }
  &:after {
    clear: both;
  }
}

.clearfix {
  zoom:1;
  &:before, &:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden; 
  }
  &:after {
    clear: both;
  }
}